<template>
	<view class="wrapper" :style="{padding:`calc(340rpx + ${safeTop}px) 0 100rpx`}">
		<div class="header posf bfff" :style="{padding:`calc(10rpx + ${safeTop}px) 35rpx 70rpx`}">
			<u-icon name="arrow-left" color="#231815" size="28"  @click="back(1)"></u-icon>
			<div class="colum text1">
				<div class="f40 mb35 fbold">腾讯视频VIP会员 三个月</div>
				<div class="f26">有效期至：2028-02-28 23：59</div>
			</div>
		</div>
		<div class="box1 bfff">
			<div class="center mb50">
				<div class="f36 flex1 fbold">券码信息（1张可用）</div>
				<div class="f24 c999 mr15">订单详情</div>
				<u-icon name="arrow-right" color="#D8D9D9" size="16" ></u-icon>
			</div>
			<div class="colum">
				<!-- <image src="../../static/shouye/banner1.png" mode="aspectFill" class="scan-icon"></image> -->
				<div class="f32 fbold">SK5B GU88 QKKL6</div>
			</div>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.box1{
		width: 705rpx;
		box-shadow: 0rpx 0rpx 16rpx 0rpx #F2F3F4;
		border-radius: 13rpx;
		margin: 25rpx auto;
		padding: 40rpx 35rpx 90rpx;
		.scan-icon{
			width: 309rpx;
			height: 310rpx;
			margin-bottom: 100rpx;
		}
	}
	.header{
		width: 100%;
		top: 0;
		left: 0;
		.text1{
			margin-top: 112rpx;
		}
	}
</style>
